import React, { memo } from 'react';
import PropTypes from "prop-types";

import { HeaderSmall } from "./style";

const ThemeHeaderSmall = memo((props) => {
  const { title, more } = props;

  return (
    <HeaderSmall>
      <h3>{title}</h3>
      <a href=" ">{more}</a>
    </HeaderSmall>
  )
});

ThemeHeaderSmall.propType = {
  title: PropTypes.string.isRequired,
  more: PropTypes.string
};
ThemeHeaderSmall.defaultProps = {
  title: "Small",
  more: "More?"
};

export default ThemeHeaderSmall;